<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<style type="text/css">
			/*
				注释写法，只有这一种
			*/
		   p {
			   color: #00FFFF;
			   /*先是继承了style.css中的样式，再重写部分指定的style.css中的样式
					继承和重写可以很大的提高代码复用
			   */
		   }
		</style>
	</head>
	<body>
		CSS，作用就是只是用来装饰页面，美化
		语法：
			选择器 声明块
			
			选择器 {
				属性: 值;
			}
			注意：声明块中的代码都是以分号结尾，最后一排属性和值可以不使用;结尾，但要求大家都加上
		写的位置
			行内样式：优先级最高，缺点，代码不能复用
			内部样式：style标签中，一般都是写在head中
			外部样式：写在一个单独的css后缀文件中，通过link标签引入
			内部和外部样式的优先，由哪个后引入为准。
		选择器：最重要
		<p style="color: #FF0000;">红色文字</p>
		<span style="font-size: 20px;">放大的字体</span>
		<span style="font-size: 20px;color: beige;">放大的字体</span>
		<p style="color: #FF0000;">红色文字</p>
		<p >内部样式文字</p>
		<p >内部样式文字</p>
	</body>
</html>